<template>
  <div class="Footer">
    <div class="Footerroncontainer">
      <el-row type="flex" class="row-bg" align="middle" justify="center">
        <el-col :span="12">
          <div class="grid-content bg-purple">
            <div class="Footerlogo">
              <a>
                <img
                  style="
                     {
                      width: 100%;
                      height: 100%;
                    }
                  "
                  src="@/assets/images/log.png"
                />
              </a>
            </div>
            <div class="Footerlogotext"><h2>四川锦一建设工程有限公司</h2></div>
          </div>
        </el-col>
        <el-col :span="12">
          <div class="grid-content bg-purple-light">
            <ul>
              <li>
                <el-icon><House /></el-icon> 四川锦一建设工程有限公司
              </li>
              <li>
                <el-icon><Phone /></el-icon> 电话:13980972113
              </li>
              <li>
                <el-icon><Promotion /></el-icon> 邮箱:467713109@qq.com
              </li>
              <li>
                <el-icon><Location /></el-icon>
                地址:四川省青羊区光华北三路98号光华中心A座8楼803号
              </li>
            </ul>
          </div>
        </el-col>
      </el-row>
    </div>
    <div class="put">
      <div>网站备案号：蜀ICP备2022018693号-1</div>
    </div>
  </div>
</template>

<script>
export default {
  name: "Footer",
  data() {
    return {};
  },
  methods: {},
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
.Footer {
  text-align: center;
  height: 229px;
  margin: 0px auto;
  .Footerroncontainer {
    height: 229px;
    margin: 0px auto;
    background: url("../assets/images/footer_bg.jpg") no-repeat center;
    overflow: hidden;
    .bg-purple {
      text-align: center;
      padding-left: 450px;
    }
  }
  .put {
    height: 30px;
    line-height: 30px;
    color: #fff;
    background-color: rgb(11, 10, 10);
  }
}
.grid-content {
  position: relative;
}
.Footerlogo {
  width: 73px;
  height: 73px;
}
.Footerlogotext {
  position: absolute;
  top: 3px;
  left: 534px;
}
.row-bg {
  color: #fff;
  height: 100%;
}
.bg-purple-light {
  > ul {
    font-size: 14px;
    text-align: left;
    list-style: none;
    > li {
      color: #fff;
      margin-top: 8px;
      > i {
        color: #049add;
      }
    }
  }
}
</style>
